cody - HTMLify profile
cody
4270 Files
632080 Views
Latest files of /cody/vishal-dcode/Sound Board
app.js
cody/vishal-dcode/Sound Board/app.js
// Define an array of sound names
const sounds = ["applause", "boo", "gasp", "tado", "victory", "wrong"];
// Create a button for each sound and attach a click event listener to it
sounds.forEach((sound) => {
// Create a new button element and add a CSS class
const btn = document.createElement("button");
btn.classList.add("btn");
const sounds = ["applause", "boo", "gasp", "tado", "victory", "wrong"];
// Create a button for each sound and attach a click event listener to it
sounds.forEach((sound) => {
// Create a new button element and add a CSS class
const btn = document.createElement("button");
btn.classList.add("btn");
style.css
cody/vishal-dcode/Sound Board/style.css
* {
margin: 0;
font-family: "Poppins";
}
body {
background-color: #121212;
color: #fff;
height: 100vh;
margin: 0;
font-family: "Poppins";
}
body {
background-color: #121212;
color: #fff;
height: 100vh;
index.html
cody/vishal-dcode/Sound Board/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link